#slider
        {
            width: 900px;
            position: relative; margin-top:120px; margin-left:40px;
        }
        #viewer
        {
            width: 775px;
            height: 300px;
            margin: auto;
            position: relative;
            overflow: hidden;  border-radius: 17px; border:#e2e2e2;
        }
        #slider ul
        {
            width: 775px;
            margin: 0 auto;
            padding: 0;
            list-style-type: none;
        }
        #slider ul:after
        {
            content: ".";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }
        #slider li
        {
            margin-right: 10px;
            float: left;
        }
        #prev, #next
        {
            position: absolute;
            top: 120px;
        }
        #prev
        {
            left: 20px;
        }
        #next
        {
            position: absolute;
            right: 10px;
        }
        .hidden
        {
            display: none;
        }
        #slide
        {
            width: 3875px;
            height: 300px;
            position: absolute;
            top: 0;
            left: 0;
        }
        #slide img
        {
            float: left;
            width: 775px;
            height: 300px;
        }
        #title
        {
            margin: 0;
            text-align: center;
        }
        
        a
        {
            outline: 0 none;
        }
        #slider
        {
        
        }
        #title, #slider ul
        {
            margin-top: 10px;
            margin-bottom: 12px;
        }
        #title
        {
            font: normal 22px "Nimbus Sans L" , "Helvetica Neue" , "Franklin Gothic Medium" , Sans-serif;
            color: #444;
        }
        #viewer
        {
            border: 1px solid #e2e2e2;
            background-color: #fff;
        }
        #slider ul
        {
            width: 120px;
        }
        #slider ul li a
        {
            display: block;
            width: 10px;
            height: 10px;
            text-indent: -5000px;
            text-decoration: none;
            border: 2px solid #e2e2e2;
            -moz-border-radius: 17px;
            -webkit-border-radius: 17px;
            border-radius: 17px;
            background-color: #fff;
            text-align: center;
        }
        #slider #prev, #slider #next
        {
            margin: 0;
            text-align: center;
        }
        #slider #prev
        {
            left: 10px;
        }
        #slider #prev a, #slider #next a
        {
            display: block;
            height: 44px;
            width: 44px;
            line-height: 38px;
            text-indent: 0;
            border: 1px solid #666;
            -moz-border-radius: 27px;
            -webkit-border-radius: 27px;
            border-radius: 27px;
            background-color: #fff;
        }
        #prev a, #next a
        {
            font: bold 40px "Trebuchet MS";
            color: #666;
        }
        #slider ul li a.active
        {
            background-color: #F93;
        }